// 样式处理

import ReactDOM from 'react-dom'

import './index.css'

const songs = ['痴心绝对', '学猫叫', '野狼disco']

const el = (
  <div className="a">
    <ul style={{ color: 'red', listStyle: 'none', backgroundColor: 'pink' }}>
      {songs.map(item => (
        <li key={item}>{item}</li>
      ))}
    </ul>

    {songs.map((item, index) => (
      <p key={index}>{item}</p>
    ))}
  </div>
)

// 渲染
ReactDOM.render(el, document.getElementById('root'))
